<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>all gauges</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

<!-- Bootstrap -->
<link href="http://static.ginage.com/gauge/bootstrap-3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="http://static.ginage.com/gauge/css/initialization.css" rel="stylesheet">
<link href="http://static.ginage.com/gauge/css/allGauges.css?01" rel="stylesheet">

</head>
<body>
	<div class="containter-fluid">
		<table class="gauge-table table table-bordered table-striped table-hover">
			<thead id="gauge_thead">
				<tr id=gauge_head_row>
					<th>序号</th>
					<th id="th-aceNum" class="gauge-th">精英编号<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-gaugeName" class="gauge-th">仪器名称<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-gaugeSpecification" class="gauge-th">规格<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-gaugeAccuracy" class="gauge-th">精度(mm)<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-gaugeNum" class="gauge-th">仪器编号<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-gaugeModel" class="gauge-th">型号<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-gaugeManufacturer" class="gauge-th">生产厂家<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-dateOfAcceptance" class="gauge-th">验收日期<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-dateOfLastCalibration" class="gauge-th">上次校正日期<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-calibrationResult" class="gauge-th">校正结果<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-dateOfNextCalibration" class="gauge-th">下次校正日期<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-gaugeRemainingDays" class="gauge-th">剩余天数<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-gaugeStatus" class="gauge-th">设备状态<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-gaugeOwner" class="gauge-th">使用者<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-department" class="gauge-th">归属部门<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-gaugeCalibratePeriod" class="gauge-th">校正周期(月)<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-gaugeFolder" class="gauge-th">存档文件夹<span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></th>
					<th id="th-gaugeRemark">备注</th>
				</tr>
			</thead>
			<tbody id="tbody-allGauges">

			</tbody>

		</table>

		<div id="toolbar">
			<ul>
				<li id="search-gauge" tip="搜索" class="toolbar-item" data-toggle="modal"><span class="glyphicon glyphicon-search " aria-hidden="true"></span></li>
				<hr>
				<li id="add-gauge" tip="新增" class="toolbar-item" data-toggle="modal"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></li>
				<hr>
				<li id="edit-gauge" tip="修改" class="toolbar-item" data-toggle="modal"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></li>
				<hr>
				<li id="remove-gauge" tip="删除" class="toolbar-item" data-toggle="modal"><span class="glyphicon glyphicon-minus" aria-hidden="true"></span></li>
			</ul>
		</div>
	</div>

	<!-- Modal -->
	<div class="modal fade" id="add-gauge-modal" tabindex="-1" data-backdrop="static" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel"></h4>
				</div>
				<div class="modal-body">
					<form id="add-gauge-form" onsubmit="addGauge();return false;">
						<div class="row">
							<input id="id" class="hidden">
							<div class="col-md-12">
								<label for="gaugeNum" class="control-label col-md-2">仪器编号:</label>
								<div class="col-md-4">
									<input id="gaugeNum" class="form-control" required="required">
								</div>
								<label for="" class="control-label col-md-2">仪器名称:</label>
								<div class="col-md-4">
									<select class="form-control" id="gaugeName" required="required">
									</select>
								</div>
							</div>
							<div class="col-md-12">
								<label for="" class="control-label col-md-2">规格:</label>
								<div class="col-md-4">
									<input id="gaugeSpecification" class="form-control" required="required">
								</div>

								<label for="" class="control-label col-md-2">精度:</label>
								<div class="col-md-4">
									<input id="gaugeAccuracy" class="form-control" required="required">
								</div>

							</div>
							<div class="col-md-12">


								<label for="gaugeModel" class="control-label col-md-2">型号:</label>
								<div class="col-md-4">
									<input id="gaugeModel" class="form-control" required="required">
								</div>
								<label for="" class="control-label col-md-2">生产厂家:</label>
								<div class="col-md-4">
									<input id="gaugeManufacturer" class="form-control" required="required">

								</div>
							</div>
							<div class="col-md-12">
								<label for="" class="control-label col-md-2">验收日期:</label>
								<div class="col-md-4">
									<input id="dateOfAcceptance" type="date" class="form-control" required="required">
								</div>
								<label for="" class="control-label col-md-2">归档文件夹:</label>
								<div class="col-md-4">
									<input id="gaugeFolder" class="form-control" required="required">

								</div>
							</div>
							<div class="col-md-12">
								<label for="" class="control-label col-md-2">上次校正日期:</label>
								<div class="col-md-4">
									<input id="dateOflastCalibration" type="date" class="form-control" required="required">

								</div>
								<label for="" class="control-label col-md-2">校正结果:</label>
								<div class="col-md-4">
									<select class="form-control" id="calibrationResult" required="required">
										<option value="ok">OK</option>
										<option value="limited">有限度使用</option>
										<option value="ref">仅供参考</option>
									</select>
								</div>
							</div>
							<div class="col-md-12">

								<label for="" class="control-label col-md-2">校正周期(月):</label>
								<div class="col-md-4">
									<input id="gaugeCalibratePeriod" type="number" min="1" class="form-control" required="required">

								</div>
								<label for="" class="control-label col-md-2">设备状态:</label>
								<div class="col-md-4">
									<select class="form-control" id="gaugeStatus" required="required">
										<option value="using">投入使用</option>
										<option value="storage">存仓</option>
										<option value="lost">已丢失</option>
										<option value="scrapped">已报废</option>
									</select>
								</div>

								<div class="col-md-12"></div>

								<label for="" class="control-label col-md-2">使用者:</label>
								<div class="col-md-4">
									<input id="gaugeOwner" class="form-control" required="required">

								</div>
								<label for="" class="control-label col-md-2">归属部门:</label>
								<div class="col-md-4">
									<select class="form-control" id="department" required="required">
									</select>
								</div>
							</div>
							<div class="col-md-12"></div>

							<div class="col-md-12">
								<label for="gaugeRemark" class="remark">备注:</label>
								<textarea id="gaugeRemark" class="form-control remark-text"></textarea>

							</div>
						</div>
						<input type="submit" class="hide" id="add-gauge-submit">
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" id="close-button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" id="save-button" class="btn btn-primary disabled">保存</button>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="search-modal" data-backdrop="static" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title">搜索</h4>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-md-12">
							<label class="control-label col-md-2">精英编号:</label>
							<div class="col-md-4">
								<input id="searchAceNum" class="form-control">

							</div>
							<label for="searchGaugeNum" class="control-label col-md-2">仪器编号:</label>
							<div class="col-md-4">
								<input id="searchGaugeNum" class="form-control">
							</div>
						</div>
						<div class="col-md-12">
							<label for="" class="control-label col-md-2">仪器名称:</label>
							<div class="col-md-4">
								<select class="form-control" id="searchGaugeName">

								</select>

							</div>
							<label for="" class="control-label col-md-2">设备状态:</label>
							<div class="col-md-4" id="searchGaugeStatus">
								<select class="form-control" id="searchGaugeStatus">
									<option value="volvo">投入使用</option>
									<option value="saab">存仓</option>
									<option value="opel">已丢失</option>
									<option value="audi">已报废</option>
								</select>

							</div>
						</div>
						<div class="col-md-12">
							<label for="" class="control-label col-md-2">验收日期:</label>
							<div class="col-md-4">
								<input id="searchDateOfAcceptance" type="date" class="form-control">

							</div>
							<label for="" class="control-label col-md-2">上次校正日期:</label>
							<div class="col-md-4">
								<input id="searchDateOfLastCalibration" type="date" class="form-control">

							</div>
						</div>
						<div class="col-md-12">
							<label for="" class="control-label col-md-2">校正结果:</label>
							<div class="col-md-4">
								<select class="form-control" id="searchCalibrationResult">
									<option value="volvo">OK</option>
									<option value="saab">有限度使用</option>
									<option value="opel">仅供参考</option>
								</select>
							</div>
							<label for="" class="control-label col-md-2">归档文件夹:</label>
							<div class="col-md-4">

								<input id="searchGaugeFolder" class="form-control">

							</div>
						</div>
						<div class="col-md-12">
							<label for="" class="control-label col-md-2">使用者:</label>
							<div class="col-md-4">
								<input id="searchGaugeOwner" class="form-control">

							</div>
							<label for="" class="control-label col-md-2">归属部门:</label>
							<div class="col-md-4">
								<select class="form-control" id="searchDepartment">
								</select>
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" id="searchClose-button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" id="search-button" class="btn btn-primary">搜索</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->

<!-- 分页 -->
<div class="container bottom_pagination">
	<nav aria-label="Page navigation">
		<ul class="pagination" id="pagination">
			
			
		</ul>
	</nav>
</div>






	<select class="form-control" id="dropList" style="display: none;">
		<option value="volvo"></option>

	</select>






	<div id="search_input">
		<div class="row">
			<div class="col-md-8">
				<input class="form-control" id="search_input_box" placeholder="">
			</div>
			<div class="col-md-4">
				<button type="button" id="search_input_button" class="btn btn-primary">OK</button>
			</div>
		</div>
	</div>




<div id="search_date">
	开始日期:<input type="date" class="form-control" id="search_date_start">
	结束日期:<input type="date" class="form-control" id="search_date_end">
	<button class="btn btn-primary" id="search_date_button">确定</button>
</div>


	<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	<script src="http://static.ginage.com/gauge/js/jquery.min.js"></script>
	<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	<script src="http://static.ginage.com/gauge/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
	<script src="http://static.ginage.com/gauge/js/allGauges.js?05"></script>
</body>
</html>